<app-left-line
  [text]="title"
></app-left-line>

<div class="water-usage">
  <div class="my-list-header">
    <span class="usageCode">用户编号: 
      <nz-select style="width: 260px;" 
        nzShowSearch nzAllowClear nzPlaceHolder="请选择用户编号" 
        [(ngModel)]="usageCode"
        (ngModelChange)="onUsageCodeChange($event)" 
        [nzLoading]="usageCodeLoading"
      >
        <nz-option *ngFor="let item of usageCodeInfoList" 
          [nzLabel]="item.usageCode" [nzValue]="item.usageCode"
        >
        </nz-option>
      </nz-select>
    </span>
    <span class="address">{{ address }}</span>
  </div>

  <div class="content card">
    <div id="waterUsageChart"></div>
  </div>
</div>